<template>
  <div id='home'>
    <div class="container-full">
      <wj-carousel/>
    </div>
    <div class="container pt-5">
      <wj-show-v1/>
    </div>
    <div class="container pt-8">
      <wj-show-v2/>
    </div>
    <div class="container pt-8">
      <wj-show-v3/>
    </div>
  </div>
</template>

<script>
  import wjCarousel from "@/components/wj-carousel";
  import wjShowV1 from "@/components/wj-show-v1";
  import wjShowV2 from "@/components/wj-show-v2";
  import wjShowV3 from "@/components/wj-show-v3";
  import {scrollAnimation} from "@/utils/scroll";

  export default {
    name: "Home",
    components: {
      wjCarousel,
      wjShowV1,
      wjShowV2,
      wjShowV3
    },
    created() {
      scrollAnimation(window.scrollY, 0);
    }
  }
</script>